Ext.define('HGMIDE.view.IDEToolbar', {
			extend : 'Ext.Toolbar',
			xtype : 'ideToolBar',
			requires : ['Ext.Toolbar', 'Ext.Img', 'Ext.Label', 'Ext.Spacer',
					'Ext.field.Select', 'Ext.field.Number'],
			config : {
				id : 'ide_tool_bar',
				xtype : 'panel',
				docked : 'left',
				height : '100%',
				width : '80px',
				cls : 'ide-tool-bar',
				layout : {
					type : 'vbox'
				},
				items : [{
							id : 'title',
							xtype : 'image',
							flex : 1,
							width : '100%',
							maxHeight : '16px',
							style : 'margin-top:10px;',
							src : 'resources/images/logo_xin.png'
						}, {
							xtype : 'spacer',
							height : '30px'
						}, {
							xtype : 'toolbar',
							width : '100%',
							flex : 20,
							cls : 'ide-tool-bar',
							layout : {
								type : 'vbox'
							},
							items : [{
										id : 'buildBtn',
										cls : 'buildBtn',
										pressedCls:'buildBtn_1'
									}, {
										id : 'packBtn',
										cls : 'packBtn',
										pressedCls : 'packBtn_1'
									}, {
										id : 'runBtn',
										cls : 'runBtn',
										pressedCls:'runBtn_1'
									}, {
										id : 'testBtn',
										cls : 'testBtn',
										pressedCls:'testBtn_1'
									}, {
										id : 'refreshBtn',
										cls : 'refreshBtn',
										pressedCls:'refreshBtn_1'
									}, {
										id : 'logBtn',
										cls : 'logBtn',
										pressedCls:'logBtn_1'
									}, {
										id : 'rotateScreenBtn',
										cls : 'rotateScreenBtn',
										pressedCls:'rotateScreenBtn_1'
									}, {
										id : 'settingBtn',
										cls : 'settingBtn',
										pressedCls:'settingBtn_1'
									}, {
										xtype : 'spacer',
										height : '30px'
									}]
						}]
			}
		});